page {
  background-color: #edece8;
}
.user_info_wrap {
  height: 45vh;
  background-color: var(--themecolor);
  overflow: hidden;
}
.user_info_wrap .user_img_wrap {
  position: relative;
}
.user_info_wrap .user_img_wrap .user_bg {
  height: 50vh;
  width: 100%;
  filter: blur(10rpx);
}
.user_info_wrap .user_img_wrap .user_info {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translateX(-50%);
  text-align: center;
}
.user_info_wrap .user_img_wrap .user_info .user_icon {
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
}
.user_info_wrap .user_img_wrap .user_info .user_name {
  margin-top: 40rpx;
  color: #fff;
  font-size: 40rpx;
}
.user_info_wrap .user_btn {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  padding: 30rpx;
  color: greenyellow;
  font-size: 38rpx;
  border-radius: 10rpx;
  border: 1rpx solid greenyellow;
}
.user_content {
  position: relative;
}
.user_content .main {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40rpx;
  width: 90%;
  color: #666;
  padding-bottom: 100rpx;
  /* 足迹 */
  /* 我的订单 */
  /* 收货地址 */
  /* 应用信息相关 */
  /* 推荐 */
}
.user_content .main .user_history {
  display: flex;
  background-color: #fff;
  text-align: center;
}
.user_content .main .user_history navigator {
  flex: 1;
  padding: 10rpx 0;
}
.user_content .main .user_history navigator .his_num {
  color: var(--themecolor);
}
.user_content .main .user_order {
  background-color: #fff;
  margin-top: 20rpx;
}
.user_content .main .user_order .my_order {
  padding: 20rpx;
  border-bottom: 1rpx solid #ccc;
}
.user_content .main .user_order .order_content {
  display: flex;
}
.user_content .main .user_order .order_content navigator {
  flex: 1;
  padding: 10rpx 0;
  text-align: center;
}
.user_content .main .user_order .order_content navigator .iconfont {
  color: var(--themeColor);
  font-size: 40rpx;
}
.user_content .main .address_manage {
  margin-top: 30rpx;
  padding: 20rpx;
  background-color: #fff;
}
.user_content .main .app_info {
  margin-top: 30rpx;
  background-color: #fff;
}
.user_content .main .app_info .app_info_item {
  padding: 20rpx;
  border-bottom: 1px solid #ccc;
}
.user_content .main .app_info .connect_to_service {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_content .main .recomend {
  margin-top: 30rpx;
  padding: 20rpx;
  background-color: #fff;
}
